
/*
	包装块下的 三角标
*/
.rulerWrapper .rulerPointer{ /*rulerWrapper下的rulerPointer */
    position: absolute;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 15px solid #fff;
    left: 50%;
    margin-left: -10px;
}

/*
	包装块
*/
.rulerWrapper{
    background: rgb(253,117,120);/* 尺子颜色 */
    height: 60px;
    overflow: hidden;  /* 滚动条影藏 */
    position: relative;

}

.rulerColor{
    height: 60px;
    width: 100px;
    background: rgb(64,189,255);
    position: absolute;
    left: 450px;
}
/*
	包装块下的滑动块 
*/
.rulerWrapper .rulerScroller{
    position: absolute;
    display: -webkit-flex; /* webkit是google浏览器私有属性    提高兼容性 */
    display: -webkit-box;
    display: flex;
    left:-10px;
}

.rulerWrapper .rulerScroller ul{
    margin:0;
    padding:0;
    box-sizing:border-box;
    width:100px;
    height: 30px;
    float:left;
    border-right: 1px solid #fff;
    position: relative;
}

.rulerWrapper .rulerScroller .li{
    margin:0;
    padding:0;
    box-sizing:border-box;
    list-style: none;
    width: 10px;
    float: left;
    border-right:1px solid #fff;
    height: 17px;
}

.rulerWrapper .rulerScroller .li_l{
    margin:0;
    padding:0;
    box-sizing:border-box;
    list-style: none;
    width: 10px;
    float: left;
    border-right:1px solid #fff;
    height: 23px;
}

.rulerWrapper .doTime span{
    margin-left:-15px
}

/*
	刻度数值
*/
.rulerWrapper .sizeNo{
    position:absolute;
    color: #eee;
    top:35px;
    display: block;
    text-align:center
}